<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>页面走丢啦~</title>
<link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="./css/base.css">
</head>
<style type="text/css">
    .error{
        position: absolute;
        top:50%;
        margin-top:-250px;
        width:100%;
        height:400px;
        /*border:1px solid red;*/
        overflow: hidden;
    }
    .error img{
        display: block;
        margin:0 auto;
    }
    .error p{
        text-align: center;
        font-size: 16px ! important;
        font-weight: 600
    }
    .back{
        display: block;
        width:80px;
        text-align: center;
        margin:20px auto;
        padding:8px 0;
        border:1px solid #333;
        border-radius: 100px;
        cursor: pointer;
    }
    .back:hover{
        color:#fff;
        background: #000000;
        border:0px solid #333;
    }
</style>
<body>
    <div class="error">
        <img src="./img/404.png">
        <p>抱歉！您访问的页面不存在或已删除</p>
        <a class="back" href="/">返回主页</a>
    </div>
</body>
</html>